html {
  height: 2000px;
}

body {
  box-sizing: border-box;
  padding: .2667rem;
}

.fixd {
  z-index: 999;
  height: 2.4rem;
  background-color: rgb(131, 68, 57);
  box-sizing: border-box;
  padding: .2667rem;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;

  .top {
    position: relative;
    width: 100%;
    text-align: center;
    font-size: .48rem;
    font-weight: 600;

    a {
      i {
        position: absolute;
        left: 0;
        top: 0;
        font-size: .4533rem;
        color: white;
        font-weight: 700;
      }
    }
  }

  .nav {
    margin-top: .5333rem;

    ul {
      display: flex;
      justify-content: space-between;

      li {
        font-size: .4533rem;
        transition: all 0.25s;
      }

      .active {
        transform: scale(1.25);
      }
    }

    .line {
      width: .64rem;
      height: .1067rem;
      background-color: white;
      position: relative;
      left: .4rem;
      top: .1867rem;
      transition: all 0.25s;
    }
  }
}

.content {
  margin-top: 2.4rem;

  .contentbox {
    display: none;

    ul {
      a {
        box-sizing: border-box;
        padding: .1333rem 0;
        display: block;
        width: 100%;
        color: white;
        display: flex;

        .left {
          position: relative;

          img {
            width: 100px;
            height: 3.2rem;
            opacity: 0.9;
            border-radius: .16rem;
          }

          .title {
            position: absolute;
            bottom: .24rem;
            right: .1333rem;
            font-size: .32rem;
          }
        }

        .right {
          padding: .08rem 0;
          padding-left: .16rem;
          font-size: 12px;
          overflow: hidden;

          h3 {
            margin: 0;
            font-weight: 700;
          }

          h5 {
            padding: .1867rem 0;
            margin: 0;
            font-size: .32rem;

            i {
              padding-right: .08rem;
              color: red;
            }
          }

          p {
            color: rgb(236, 236, 236);
          }

          .describe1 {
            padding-bottom: .16rem;
          }

          .describe2 {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: wrap;
          }
        }
      }
    }
  }
}